<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"  %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>书城首页</title>
	<!-- 显示头部 -->
	<%@ include file="/pages/common/header.jsp" %>
	<script type="text/javascript">
		$(function(){
			$("#enter").click(function(){
				var id = $(this).attr("itemId");
				$.getJSON("cartServlet","action=ajaxAddItems$id="+id,function(data){
					$("#totalCount").text("您的购物车中有【"+ data.totalCount +"】件商品");
					$("#lastBookName").html("您刚刚将《<span style="color: red">"+data.last_product_name+"</span>》加入到了购物车中");
				});
				return false;//阻止调用ajax方法时，重复提交
			});
		});
	</script>
</head>
<body>
	
	<div id="header">
			<img class="logo_img" alt="" src="static/img/logo.gif" >
			<span class="wel_word">网上书城</span>
			<div>
				<c:choose>
					<c:when test="${empty sessionScope.user }">
						<a href="pages/user/login.jsp">登录</a> | 
						<a href="pages/user/regist.jsp">注册</a> &nbsp;&nbsp;
					</c:when>
					<c:otherwise>
						<span>欢迎<span class="um_span">${sessionScope.user.username }</span>光临尚硅谷书城</span>
						<a href="userServlet?action=logout">注销</a>&nbsp;&nbsp;
					</c:otherwise>
				</c:choose>
				<a href="pages/cart/cart.jsp">购物车</a>
				<a href="pages/manager/manager.jsp">后台管理</a>
			</div>
	</div>
	<div id="main">
		<div id="book">
			<div class="book_cond">
				<form action="client/bookServlet" method="post">
					<input type="hidden" name="action" value="getPageByPrice"/>
					价格：<input id="min" type="text" name="min" value="${param.min}"> 元 - 
						<input id="max" type="text" name="max" value="${param.max}"> 元 
						<input type="submit" value="查询" />
				</form>
			</div>
			<div style="text-align: center">
				<c:choose>
					<c:when test="${empty sessionScope.cart.items }">
						<span id="totalCount"></span>
						<div id="lastBookName">
							<span style="color:red">当前购物车为空</span>
						</div>
					</c:when>
					<c:otherwise>
						
							<span id="totalCount">您的购物车中有【${sessionScope.cart.totalCount }】件商品</span>
							<div id="lastBookName">
								您刚刚将《<span style="color: red">${sessionScope.last_product_name }</span>》加入到了购物车中
							</div>
						
					</c:otherwise>
				</c:choose>
			</div>
			<c:forEach items="${ requestScope.page.items}" var="book">
				<div class="b_list">
					<div class="img_div">
						<img class="book_img" alt="" src="${book.imgPath }" />
					</div>
					<div class="book_info">
						<form>
							<div class="book_name">
								<span class="sp1">书名:</span>
								<span class="sp2">${book.name }</span>
							</div>
							<div class="book_author">
								<span class="sp1">作者:</span>
								<span class="sp2">${book.author }</span>
							</div>
							<div class="book_price">
								<span class="sp1">价格:</span>
								<span class="sp2">￥${book.price }</span>
							</div>
							<div class="book_sales">
								<span class="sp1">销量:</span>
								<span class="sp2"><input type="text" value="${book.sales }" 
								           id="sales"   style="border:0;width:50px"/></span>
							</div>
							<div class="book_amount">
								<span class="sp1">库存:</span>
								<span class="sp2"><input type="text" value="${book.stock }"
								           id="stock" style="border:0;width:50px"/></span>
							</div>
						</form>
						<div class="book_add">
							<a id="enter" itemId="${book.id }" href="cartServlet?action=addItems&id=${book.id }">加入购物车</a>
						</div>
					</div>
				</div>
			</c:forEach>
		</div>
		
		<%-- 分页 --%>
		<%@ include file="/pages/common/yema.jsp" %>
	</div>
	
	<!-- 显示页脚 -->
	<%@ include file="/pages/common/footer.jsp" %>
</body>
</html>